.box{
	/*border: 1px solid red;*/
	margin-top: 200px;
	position: relative;
}
.box img{
	position: absolute;
	border: 2px solid pink;
	padding: 6px;
	background-color: floralwhite;
	z-index: 1;
	transition: all 0.6s ease-in-out;
}
.box img:nth-child(1){
	width: 200px;
	top: 0;
	left: 800px;
	transform: rotate(20deg);
}
.box img:nth-child(2){
	width: 250px;
	top: -160px;
	left: 500px;
	transform: rotate(-10deg);
}
.box img:nth-child(3){
	width: 300px;
	top: -150px;
	left: 900px;
	transform: rotate(10deg);
}
.box img:nth-child(4){
	width: 200px;
	top: -200px;
	left: 100px;
	transform: rotate(20deg);
}
.box img:nth-child(5){
	width: 300px;
	top: 200px;
	left: 500px;
	transform: rotate(-50deg);
}
.box img:nth-child(6){
	width: 300px;
	top:150px;
	left: 900px;
	transform: rotate(-10deg);
}
.box img:nth-child(7){
	width: 200px;
	top: 90px;
	left: 50px;
	transform: rotate(-10deg);
}
.box img:nth-child(8){
	width: 300px;
	top: 10px;
	left: 200px;
	transform: rotate(-10deg);
}
.box img:hover{
	transform:scale(1.5) rotate(10deg);
	z-index:2;
	box-shadow: 2px 2px 10px black;
}



.clearfix{
	content: "";
	display: table;
	clear: both;
}
.box1{
	margin: 0px auto;
	width: 500px;
}
.box1 ul li{
	float: left;
	list-style: none;
	margin-left: 10px;
}
.box1 ul li a{
	transition: all 1s;
}
.box1 ul li img:hover{
	transform:scale(1.2) rotate(350deg)  ;
}


.fl{
	float: left;
}
.fr{
	float: right;
}
.box2{
	width: 904px;
	height: 392px;
	margin: 20px auto;
	border: 1px solid #ccc;
}
.box2 .box2-1{
	width: 300px;
	height: 392px;
	/*border: 1px solid red;*/
}
.box2 .box2-1 .title{
	margin-left: 30px;
	margin-top: 60px;
	font-size: 16px;
	font-weight: bold;
}
.box2 .box2-1 .txt{
	margin-left: 30px;
	margin-top: 60px;
	font-size: 14px;
}
.box2 .box2-1 img{
	margin-top: 60px;
	margin-left: 100px;
}
.box2 .box2-2{
	width: 602px;
	height: 392px;
	border-left:1px solid #ccc;
	/*background-color: aquamarine;*/
}
.box2 .box2-2 .box-top{
	width: 602px;
}
.box2 .box2-2 .boxA{
	width: 300px;
	border-bottom: 1px solid #ccc;
	border-right:1px solid #ccc ;
	/*background-color: red;*/
}
.box2 .box2-2 .boxA .title{
	margin-left: 40px;
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold;
}
.box2 .box2-2 .boxA .txt{
	margin-left: 40px;
	margin-top: 20px;
	font-size: 14px;
}
.box2 .box2-2 .boxA img{
	margin-top: -20px;
	margin-bottom: 20px;
	margin-right: 10px;
	width: 115px;
	height: 102px;
	transition: all 1s ease-out;
}
.box2 .box2-2 .boxA img:hover{
	transform: translateX(12px);
}
